<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>请输入您的查看密码</title>
		<link rel="stylesheet" href="__PUBLIC__/Pay/css/weui.min.css"/>
    	<link rel="stylesheet" href="__PUBLIC__/Pay/css/example.css"/>
    	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
    	<script src="__PUBLIC__/Pay/js/jquery-1.8.2.min.js"></script>
    	<style>
    		#container{
    			margin: 0 auto;
    			margin-top:10%;
    			width:90%;
    			font-size: 20px;
    		}
			.weui-label{
				width: 100%;
			}
			.weui-cell_select-after .weui-select{
				padding-left:10%;
			}

			body{
				font-size: 4vw;
			}
    	</style>
    	<script>
    		$(function(){
    			$('#showTooltips').bind('click',function(){
    				//1.检测密码是否为空
    				var pwd1 = $('input[name=pwd1]').val();
    				if(pwd1==''){
    					$('#dialog1').show();
    					$('#notice_message').html("密码不能为空!");
    					return false;
    				}
    				//2.检测合法性
    				var regex = /^\d{4,6}$/;
    				if(!regex.test(pwd1)){
    					$('#dialog1').show();
    					$('#notice_message').html("密码格式有误!");
    					return false;
    				}
    				$('form').trigger('submit');
    			});
    			
    			$('#iknow').bind('click',function(){
    				$('#dialog1').hide();
    			});
    		});
    	</script>
	</head>
	<body>
		<!--提示弹层开始-->
				<div id="dialog1" style="display:none;">
				<div class="weui-mask"></div>
					<div class="weui-dialog">
						<div class="weui-dialog__hd"><strong class="weui-dialog__title">操作提示</strong></div>
						<div class="weui-dialog__bd" id="notice_message"> 
						</div>
						<div class="weui-dialog__ft">
						<a href="javascript:;" id="iknow" class="weui-dialog__btn weui-dialog__btn_primary">知道了</a>
						</div>
					</div>
				</div>
				</div>		
		<!--提示弹层结束-->
		
		<div style="text-align: center;margin-top:10%;">
			<img src="__PUBLIC__/Pay/img/logo.png" width="30%" alt="中国航天" />
		</div>
		
		<!--主体区域开始-->
		<div id="container">
			<form action="{:U('Pay/Index/login')}" method="post">
			<div class="weui-cells__title" style="text-align: center;font-size: 4vw;">请输入您设置的授权密码</div>
				<div class="weui-cells weui-cells_form">
				    <div class="weui-cell weui-cell_vcode" style="padding:15px;">
				        <div class="weui-cell__hd" style="width:40%;">
				        	<label class="weui-label" style="width:100%;margin-right:10px;font-size: 4vw;word-break:keep-all;">授权密码</label>
				        </div>
				        <div class="weui-cell__bd">
				        </div>
				            <input style="font-size: 4vw;" class="weui-input" type="password" name="pwd1" placeholder="请输入查看密码"/>
				    </div>
				</div>
				</form>
				<div class="weui-panel__ft">
				    <div class="weui-cell weui-cell_access weui-cell_link">
				        <div class="weui-cell__bd"></div>
                        <a href="{:U('Pay/Index/updatepwd')}" >找回密码</a>
				    </div>    
				</div>
			<div class="weui-btn-area">
			    <a style="font-size: 4vw;" class="weui-btn weui-btn_primary" href="javascript:" id="showTooltips">提交</a>
			</div>			
		</div>

		
	<div class="weui-msg__extra-area">
	        <div class="weui-footer">
	            <p class="weui-footer__links">
	                <a href="javascript:void(0);" class="weui-footer__link">中国航天-神舟软件</a>
	            </p>
	            <p class="weui-footer__text">Copyright &copy; 2008-2016 </p>
	        </div>
           </div>
		<!--主体区域结束-->
	</body>
</html>
